/*############reset css##############*/
*,
*::before,
*::after{
	/*所有的标签 和 伪元素都选中*/
	margin:0;
	padding:0;
	/*移动端常用布局是非固定布局 
	  这样可以防止内容溢出 不出现滚动条
	*/
	box-sizing:border-box;
	/*兼容webkit内核*/
	-webkit-box-sizing:border-box;
	/*点击高亮效果的清除*/
	tap-highlight-color: transparent;
	-webkit-tap-highlight-color:transparent;
}

/*使用box-sizing:border-box;的原因
	1.移动端以流式布局为主  
	2.百分比布局  
	3.非固定像素布局
	4.（以上布局）无法准确计算容器的尺寸
*/

body{
	font-size: 14px;
	font-family:"Microsoft YaHei",sans-serif;
	color:#333;
}

ul,ol{
	list-style:none;
}

a{
	text-decoration:none;
	color:#333;
}

input,textarea{
	border:none;
	outline:none;
	/*不允许改变尺寸 主要是针对textarea*/
	resize:none;
	/*元素的外观  none没有任何样式 button是采用button的外观*/
	-webkit-appearance:none;	
}

	
/*############common css##############*/
.f_left{
	float:left;
}

.f_right{
	float:right;
}
/*清除浮动*/
.clearFix::before,
.clearFix::after{
	content:"";
	display:block;
	visibility:hidden;
	height:0;
	line-height:0;
	clear:both; 
}
/*设置间距*/
.m_l10{
	margin-left:10px;
}

.m_r10{
	margin-right:10px;
}

.m_t10{
	margin-top:10px;
}

.m_b10{
	margin-bottom:10px;
}